<header>
    <div id="Logo">
        <div id="LogoContent">
            <a href="javascript:void(0)" mce_href="javascript:void(0)" id="Logoa" onclick="upOrDown();"><img src="../../images/logo-topbar.gif" /></a>
        </div>
    </div>

    <div id="Menu">
        <div id="MenuContent">

            <a id="viewCart" href="javascript:void(0)" mce_href="javascript:void(0)"  onclick="cartDown();"><img align="middle" name="img_cart" src="../../images/cart.gif" /></a>
            
            <img align="middle" src="../../images/separator.gif" />

            <span id="signin">
                <input type="button" value="Sign In" id="signin-btn">
                <!-- <a  th:if="${session.account==null}">Sign In</a> -->
                <img align="middle" src="../../images/separator.gif" />
            </span>
            

            <span id="signOn">
                <input type="button" value="Sign On" id="signOn-btn">
                <!-- <a  th:if="${session.account!=null}">Sign Out</a> -->
                <img align="middle" src="../../images/separator.gif" />
            </span>
            
            
            <span id="myAccount">
                <input type="button" value="My Account" id="myAccount-btn">
                <!-- <a  th:if="${session.account!=null}">Sign Out</a> -->
                <img align="middle" src="../../images/separator.gif" />
            </span>

            <!-- <a href="./account-myAccount.html">My Account</a>

            <img align="middle" src="../../images/separator.gif" /> -->

            <a href="../help.html">?</a>
        </div>
    </div>

    <div id="Search">
        <div id="SearchContent">
            <form action="/catalog/searchProduct" method="post">
                <input type="text" name="keyword"  class="inputtable"
                       id="keyword"  size="14" />
                <input type="submit" name="searchProducts" value="Search" />
            </form>
        </div>
    </div>


    <div id="QuickLinks">
        <a href="./catalog-list.html?id=FISH&route=product"><img src="../../images/sm_fish.gif" /></a>
        
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=DOGS&route=product"><img src="../../images/sm_dogs.gif" /></a> 

        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=REPTILES&route=product"><img src="../../images/sm_reptiles.gif" /></a> 

        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=CATS&route=product"><img src="../../images/sm_cats.gif" /></a> 
        
        <img src="../../images/separator.gif" />
        <a href="./catalog-list.html?id=BIRDS&route=product"><img src="../../images/sm_birds.gif" /></a>
    </div>
</header>

